<!DOCTYPE html>
<html>
  <head>
    <title>index</title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
    <script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>
   <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
   <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  
  </head>
  <body>
<<<<<<< HEAD
    <div class="index-header">
           <div class="index-haeder-nav">
            <img src="/images/title.png" alt="" class="index-img01">
            <div class="index-input01">
               <input type="text" name="" placeholder="书籍、 电影、 音乐"/>
               <botton></botton>
            </div>
            <ul>
               <a href="#" target="_blank">读书</a>
               <a href="#" target="_blank">电影</a>
               <a href="#" target="_blank">音乐</a>
            </ul>
            <b>
              <a href="#" target="_blank">登陆</a>
              <a href="#" target="_blank">注册</a>
            </b>
           </div>
    </div>
     <!-- index-rotate -->
    <div class="index-rotate">
           <div class="index-rotar-bo">
             <div id="myCarousel" class="carousel slide" data-ride="carousel" style="height:300px;">
                  <!-- Indicators -->
                  <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1" class=""></li>
                    <li data-target="#myCarousel" data-slide-to="2" class=""></li>
                  </ol>
                  <div class="carousel-inner" role="listbox" style="height:300px;">
                    <div class="item active" style="height:300px;">
                      <img class="first-slide" src="http://img4.imgtn.bdimg.com/it/u=1311142525,4211351059&fm=23&gp=0.jpg" alt="First slide" style="width:100%;height:100%"/>
                      
                    </div>
                    <div class="item" style="height:300px;">
                      <img class="second-slide" src="http://img2.imgtn.bdimg.com/it/u=2641700204,3993978436&fm=23&gp=0.jpg" alt="Second slide" style="width:100%;height:100%"/>
                      
                    </div>
                    <div class="item" style="height:300px;">
                      <img class="third-slide" src="http://img5.imgtn.bdimg.com/it/u=1319787381,824476088&fm=23&gp=0.jpg" alt="Third slide" style="width:100%;height:100%"/>
                      
                    </div>
                  </div>
                  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                  </a>
                  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                  </a>
                </div>
           </div>
    </div>
     <!-- movie -->
     <div class="index-movie">
            <div class="index-movie-list">
               <div class="index-movie-left">
                   <dl>
                      <dt><a href="#" target="_blank">电影</a></dt>
                      <dd><a href="#" target="_blank">选电影</a></dd>
                      <dd><a href="#" target="_blank">电视剧</a></dd>
                      <dd><a href="#" target="_blank">排行榜</a></dd>
                      <dd><a href="#" target="_blank">分类</a></dd>
                      <dd><a href="#" target="_blank">影评</a></dd>
                      <dd><a href="#" target="_blank">预告片</a></dd>
                      <dd><a href="#" target="_blank">问答</a></dd>
                 
                   </dl> 
               </div>
               <div class="index-movie-middle">
                  <h4>
                    <i>正在热映 . . . . . . </i>
                    （<a href="#" target="_blank">更多</a>）
                  </h4>
                  <ul>
                    <%for(var i=0; i<8 ;i++){%>
                          <li>
                       <img src="<%= movieArr[i].images.medium%>"/>
                       <p><%= movieArr[i].title%></p>
                       <b><%= movieArr[i].rating.average%></b>
                       <botton>选座购票</botton>
                     </li>     
                    <%}%>
                     
                    
                  </ul>
               </div>
               <div class="index-movie-right">
                   <div class="index-movie-right01">
                      <h4>
                          <i>影片分类 . . . . . . </i>
                          （<a href="#" target="_blank">更多</a>）
                        </h4>
                       <ul>
                         <a href="#" target="_blank">爱情</a>
                         <a href="#" target="_blank">喜剧</a>
                         <a href="#" target="_blank">动画</a>
                         <a href="#" target="_blank">科幻</a>
                         <a href="#" target="_blank">剧情</a>
                         <a href="#" target="_blank">动作</a>
                         <a href="#" target="_blank">经典</a>
                         <a href="#" target="_blank">悬疑</a>
                         <a href="#" target="_blank">青春</a>
                         <a href="#" target="_blank">犯罪</a>
                         <a href="#" target="_blank">惊悚</a>
                         <a href="#" target="_blank">文艺</a>
                         <a href="#" target="_blank">搞笑</a>
                         <a href="#" target="_blank">励志</a>
                         <a href="#" target="_blank">恐怖</a>
                         <a href="#" target="_blank">战争</a>
                         <a href="#" target="_blank">英国</a>
                         <a href="#" target="_blank">中国</a>
                         <a href="#" target="_blank">韩国</a>
                         <a href="#" target="_blank">法国</a>
                         <a href="#" target="_blank">台湾</a>
                         <a href="#" target="_blank">中国大陆</a>
                         <a href="#" target="_blank">德国</a>
                       </ul>

                   </div>
                   <div class="index-movie-right02">
                      <h4>
                        <i>近期热门 . . . . . . </i>
                        （<a href="#" target="_blank">更多</a>）
                      </h4>
                      <ol>
                        <%for(var j=1;j<=10;j++){%>
                                <li><a href="#" target="_blank"><%= movieArr[j].title%></a></li>
                        <%}%>
                        
                      
                        
                      </ol>
                   </div>
                  
               </div>
            
            </div>

          <img src="https://img3.doubanio.com/view/dale-online/dale_ad/public/fb44ff17199d25d.jpg" class="index-img02"/>
     </div>    
     <!-- movie -->
     <!-- reader -->
     <div class="index-reader">
                <div class="index-reader-list">
               <div class="index-reader-left">
                   <dl>
                      <dt><a href="#" target="_blank">读书</a></dt>
                      <dd><a href="#" target="_blank">分类浏览</a></dd>
                      <dd><a href="#" target="_blank">阅读</a></dd>
                      <dd><a href="#" target="_blank">作者</a></dd>
                      <dd><a href="#" target="_blank">书评</a></dd>
                      <dd><a href="#" target="_blank">购书单</a></dd>
                      <dd><a href="#" target="_blank">预告片</a></dd>
                 
                   </dl> 
                   <a href="#" target="_blank" class="index-reader-a01"></a>
               </div>
               <div class="index-reader-middle">
                  <h4>
                    <i>新书速递 . . . . . . </i>
                    （<a href="#" target="_blank">更多</a>）
                  </h4>
                  <ul>
                     <%for(var i=0; i<4 ;i++){%>
                      <li>
                       <img src="<%= bookArr[i].images.medium%>"/>
                       <p><%= bookArr[i].title%></p>
                       <b><%= bookArr[i].author[0]%></b>
                       <botton>免费试读</botton>
                     </li>   
                    <%}%>
                    
                     
                  </ul>
                   <h4>
                    <i>原创数字作品 . . . . . . </i>
                    （<a href="#" target="_blank">更多</a>）
                  </h4>
                  <ul>
                   <%for(var i=5; i<9 ;i++){%>
                      <li>
                       <img src="<%= bookArr[i].images.medium%>"/>
                       <p><%= bookArr[i].title%></p>
                       <b><%= bookArr[i].author[0]%></b>
                       <botton>免费试读</botton>
                     </li>   
                    <%}%>
                    
                    
                  </ul>
               </div>
               <div class="index-reader-right">
                   <div class="index-reader-right01">
                      <h4>
                          <i>热门标签 . . . . . . </i>
                          （<a href="#" target="_blank">更多</a>）
                        </h4>
                       <ul>
                          <li>
                             <a href="#" target="_blank">[文学]</a>
                             <a href="#" target="_blank">小说</a>
                             <a href="#" target="_blank">随笔</a>
                             <a href="#" target="_blank">日本文学</a>
                             <a href="#" target="_blank">散文</a>
                             <a href="#" target="_blank">诗歌</a>
                             <a href="#" target="_blank">童话</a>
                             <a href="#" target="_blank">名著</a>
                             <a href="#" target="_blank">港台</a>
                             <a href="#" target="_blank">更多</a>
                          </li>
                           <li>
                             <a href="#" target="_blank">[流行]</a>
                             <a href="#" target="_blank">漫画</a>
                             <a href="#" target="_blank">绘本</a>
                             <a href="#" target="_blank">推理</a>
                             <a href="#" target="_blank">青春</a>
                             <a href="#" target="_blank">言情</a>
                             <a href="#" target="_blank">科幻</a>
                             <a href="#" target="_blank">武侠</a>
                             <a href="#" target="_blank">奇幻</a>
                             <a href="#" target="_blank">更多</a>
                          </li>
                           <li>
                             <a href="#" target="_blank">[文化]</a>
                             <a href="#" target="_blank">历史</a>
                             <a href="#" target="_blank">哲学</a>
                             <a href="#" target="_blank">传记</a>
                             <a href="#" target="_blank">设计</a>
                             <a href="#" target="_blank">建筑</a>
                             <a href="#" target="_blank">电影</a>
                             <a href="#" target="_blank">回忆录</a>
                             <a href="#" target="_blank">音乐</a>
                             <a href="#" target="_blank">更多</a>
                          </li>
                           <li>
                             <a href="#" target="_blank">[生活]</a>
                             <a href="#" target="_blank">旅行</a>
                             <a href="#" target="_blank">励志</a>
                             <a href="#" target="_blank">职场</a>
                             <a href="#" target="_blank">美食</a>
                             <a href="#" target="_blank">教育</a>
                             <a href="#" target="_blank">灵修</a>
                             <a href="#" target="_blank">健康</a>
                             <a href="#" target="_blank">家居</a>
                             <a href="#" target="_blank">更多</a>
                          </li>
                           <li>
                             <a href="#" target="_blank">[经管]</a>
                             <a href="#" target="_blank">商业</a>
                             <a href="#" target="_blank">经融</a>
                             <a href="#" target="_blank">营销</a>
                             <a href="#" target="_blank">理财</a>
                             <a href="#" target="_blank">股票</a>
                             <a href="#" target="_blank">企业史</a>
                             <a href="#" target="_blank">更多</a>
                          </li>
                           <li>
                             <a href="#" target="_blank">[科技]</a>
                             <a href="#" target="_blank">科普</a>
                             <a href="#" target="_blank">互联网</a>
                             <a href="#" target="_blank">编辑</a>
                             <a href="#" target="_blank">交互设计</a>
                             <a href="#" target="_blank">算法</a>
                             <a href="#" target="_blank">通信</a>
                             <a href="#" target="_blank">神经网络</a>
                             <a href="#" target="_blank">更多</a>
                          </li>
                          
                       </ul>

                   </div>
               </div>
            
            </div>
     </div>
       <!-- music -->
            <div class="index-music">
            <div class="index-music-list">
               <div class="index-music-left">
                   <dl>
                      <dt><a href="#" target="_blank">音乐</a></dt>
                      <dd><a href="#" target="_blank">音乐人</a></dd>
                      <dd><a href="#" target="_blank">潮潮豆瓣</a></dd>
                      <dd><a href="#" target="_blank">金羊毛计划</a></dd>
                      <dd><a href="#" target="_blank">专题</a></dd>
                      <dd><a href="#" target="_blank">排行榜</a></dd>
                      <dd><a href="#" target="_blank">分类浏览</a></dd>
                      <dd><a href="#" target="_blank">乐评</a></dd>
                      <dd><a href="#" target="_blank">豆瓣FM</a></dd>
                      <dd><a href="#" target="_blank">歌单</a></dd>
                      <dd><a href="#" target="_blank">阿比鹿音乐奖</a></dd>
                      
                 
                   </dl> 
                   <a href="#" target="_blank" class="index-music-a01"></a>
                   <a href="#" target="_blank" class="index-music-a02"></a>
               </div>
               <div class="index-music-middle">
                  <h4>
                    <i>豆瓣新碟榜 . . . . . . </i>
                    （<a href="#" target="_blank">更多</a>）
                  </h4>
                  <ul>
                      <%for(var i=20;i<28;i++){%>
                           <li>
                       <img src="<%= musicArr[i].pic_big%>"/>
                       <p><%= musicArr[i].title%></p>
                       <i><%= musicArr[i].author%></i>
                       <b>人气:<%= musicArr[i].hot%></b>
                       
                         </li>
                      <%}%>
                   
                   
                  </ul>

                  <h4 class="index-muisc-h4">
                    <i>热门歌单 . . . . . . </i>
                    （<a href="#" target="_blank">更多</a>）
                  </h4>

                  <ol>
                   <%for(var i=9;i<15;i++){%>
                           <li>
                       <img src="<%= musicArr[i].pic_big%>"/>
                       <p><%= musicArr[i].title%></p>
                     
                       
                         </li>
                      <%}%>
                     
                     
                     
                  </ol>
               </div>
               <div class="index-music-right">
                  
                       <h4 class="index-muisc-h6">
                          <i>本周流行音乐. . . .</i>
                          （<a href="#" target="_blank">更多</a>）
                        </h4>
                     <ul>
                       <%for(var i=1;i<8;i++){%>
                              <li>
                          <i><%= i%>.</i>
                          <img src="<%= musicArr[i].pic_big%>"/>
                          <div class="index-m-f">
                                 <a href="#"><%= musicArr[i].author%></a>
                                 <p>语言：<u><%= musicArr[i].language%></u></p>
                                 <b><strong><%= musicArr[i].hot%></strong>人关注</b>
                          </div>
                        </li>
                       <%}%>
                       
                        
                     
                     
                     </ul> 
                  
               </div>
            
            </div>

          <img src="https://img3.doubanio.com/view/dale-online/dale_ad/public/0c3cf370c6ad2a9.jpg" class="index-img03"/>
     </div>    
     <!-- footer -->
     <div class="index-footer">
          <div class="index-footer-m">
             <div class="index-footer-left">
             <p>© 2005－2017 douban.com, all rights reserved 北京豆网科技有限公司 </p>
             <p>京ICP证090015号 京ICP备11027288号 网络视听许可证0110418号 </p>
             <p>京网文[2015]2026-368号  京公网安备11010502000728  新出网证(京)字129号 </p>
             <p>违法和不良信息举报电话：4008353331   </p>
             <p> 中国互联网举报中心 电话：12377 《食品流通许可证》许可证：SP1101051510347287</p>
             </div>
             <div class="index-footer-right">
             <ul>
                <a href="#">关于豆瓣</a>
                <a href="#">在豆瓣工作</a>
                <a href="#">联系我们</a>
                <a href="#">免责申明</a>
                <a href="#">帮助中心</a>
                <a href="#">移动应用</a>
                <a href="#">豆瓣广告</a>
             </ul>
             <img src="https://img3.doubanio.com/img/files/file-1489464722.jpg" class="index-footer-img"/>
             </div>
          </div>
     </div>
=======
    <h1><%= title %></h1>
    <a href="/book">图书</a>
<<<<<<< HEAD
=======
    <a href="/movie">电影</a>
>>>>>>> 712f78f7e4e41249b48c0acbb84b2a8657148f79
    <p>Welcome to <%= title %></p>
>>>>>>> 4d54e2727cf6d3868b1dbc79fc91988bfbaf3604
  </body>
</html>
